<!DOCTYPE html>
<html id="replace-style"  xmlns="http://www.w3.org/1999/xhtml"
	   xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8" />
	<title>工业物联网平台</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />

	<link rel='stylesheet' th:href="@{/3thExt/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css}" href="../../static/3thExt/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" />
	<link rel='stylesheet' th:href="@{/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.css}" href="../../static/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.css"/>
	<link rel='stylesheet' th:href="@{/3thExt/select2/4.0.6/css/select2.css}" href="../../static/3thExt/select2/4.0.6/css/select2.css"/>
	<link rel='stylesheet' th:href="@{/3thExt/bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css}" href="../../static/3thExt/bootstrapvalidator/0.5.2/css/bootstrapValidator.min.css"/>
	<link rel='stylesheet' th:href="@{/3thExt/bootstrap-fileinput/4.4.7/css/fileinput.min.css}" href="../../static/3thExt/bootstrap-fileinput/4.4.7/css/fileinput.min.css"/>
	<link rel='stylesheet' th:href="@{/3thExt/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css}" href="../../static/3thExt/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css"/>
	<link rel='stylesheet' th:href="@{/css/icon-zc.css}" href="../../static/css/icon-zc.css"/>
	<link rel='stylesheet' th:href="@{/css/style.css}" href="../../static/css/style.css"/>

</head>
<body>
<!--头部-->
<header th:replace="common/head" >
</header>
<!-- 页面指向 -->
<div class="page-point bg-white">
    <ul>
        <span></span>
        <li>能耗管理</li>
        <li>能耗数据查询</li>
    </ul>
</div>
<!-- 菜单树 -->
<div th:replace="common/left" >
</div>
<!--主体内容-->
<div class="page-container">

	<ul class="device-info">

		<li>
			<label>设备名称：<span id="deviceName">1</span></label>
		</li>
		<li>
			<label>设备编号：<span id="deviceNum">12</span></label>
		</li>
		<li>
			<label>设备供应商：<span id="deviceSupplier">北京七星华创电子</span></label>
		</li>
		<li>
			<label>生产工序：<span id="procedure">搅拌</span></label>
		</li>
		<li>
			<label>设备类型：<span id="deviceType">涂布机</span></label>
		</li>

	</ul>

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12">
			<h2 class="page-section-title">重要参数</h2>
		</div>
	</div>

	<div class="real-time-data clearfix">
		<div class="left-side">
			<div class="item-1 clearfix">
				<p>数据采集时间</p>
				<div class="date">
					<strong id="date_1">11:23:7</strong><br />
					<small id="date_2">2018年4月18日</small>
				</div>
			</div>
			<img th:src="@{/image/loginBg.png}" src="../../static/image/loginBg.png"/>
		</div>
		<!--仪表盘-->
		<ul class="clearfix" id="echart-list">
		
		</ul>
	</div>

	<div class="container-fluid mb-20 clearfix">
		<div class="col-md-12">
			<h2 class="page-section-title">普通参数</h2>
		</div>
	</div>

	<!--监控数据图表-->
	<div class="batteryBorder-container">
		<div class="center-container">
			
			<div class="layout">
				<div class="chart-wrap">
					<div class="parm-select">
						<div class="title">
							<img th:src="@{/image/icon-3.png}" src="../../static/image/icon-3.png"/>
							监控数据
						</div>
						<span class="select-span batteryId" id="batteryId1">收卷张力实际值</span>
						<!--<div class="status"></div>-->
					</div>
					<div class="echart-box" style="width: 100%; height: 288px;"></div>
				</div>
			</div>
		
			<div class="layout">
				<div class="chart-wrap">
					<div class="parm-select">
						<div class="title">
							<img th:src="@{/image/icon-3.png}" src="../../static/image/icon-3.png"/>
							监控数据
						</div>
						<span class="select-span batteryId" id="batteryId2">模头右间距</span>
						<!--<div class="status"></div>-->
					</div>
					<div class="echart-box" style="width: 100%; height: 288px;"></div>
				</div>
			</div>
		
			<div class="layout">
				<div class="chart-wrap">
					<div class="parm-select">
						<div class="title">
							<img th:src="@{/image/icon-3.png}" src="../../static/image/icon-3.png"/>
							监控数据
						</div>
						<span class="select-span batteryId" id="batteryId3">放卷张力设定值</span>
						<!--<div class="status"></div>-->
					</div>
					<div class="echart-box" style="width: 100%; height: 288px;"></div>
				</div>
			</div>
		
			<div class="layout">
				<div class="chart-wrap">
					<div class="parm-select">
						<div class="title">
							<img th:src="@{/image/icon-3.png}" src="../../static/image/icon-3.png"/>
							监控数据
						</div>
						<span class="select-span batteryId" id="batteryId4">烘箱3温度</span>
						<!--<div class="status"></div>-->
					</div>
					<div class="echart-box" style="width: 100%; height: 288px;"></div>
				</div>
			</div>
			
		</div>
	</div>


</div>

<div th:replace="common/foot">
</div>

<script th:src="@{/3thExt/jquery/3.3.1/jquery-3.3.1.min.js}" src="../../static/3thExt/jquery/3.3.1/jquery-3.3.1.min.js"></script>
<script th:src="@{/3thExt/jquery-form/3.46/jquery.form.js}" src="../../static/3thExt/jquery-form/3.46/jquery.form.js"></script>
<script th:src="@{/3thExt/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js}" src="../../static/3thExt/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<script th:src="@{/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.js}" src="../../static/3thExt/bootstrap-table/1.12.1/bootstrap-table.min.js"></script>
<script th:src="@{/3thExt/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js}" src="../../static/3thExt/bootstrap-table/1.12.1/locale/bootstrap-table-zh-CN.min.js"></script>
<script th:src="@{/3thExt/select2/4.0.6/js/select2.js}" src="../../static/3thExt/select2/4.0.6/js/select2.full.js"></script>
<script th:src="@{/3thExt/bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js}" src="../../static/3thExt/bootstrapvalidator/0.5.2/js/bootstrapValidator.min.js"></script>
<script th:src="@{/3thExt/bootstrap-fileinput/4.4.7/js/fileinput.min.js}" src="../../static/3thExt/bootstrap-fileinput/4.4.7/js/fileinput.min.js"></script>
<script th:src="@{/3thExt/bootstrap-fileinput/4.4.7/js/locales/zh.js}" src="../../static/3thExt/bootstrap-fileinput/4.4.7/js/locales/zh.js"></script>
<script th:src="@{/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js}" src="../../static/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"></script>
<script th:src="@{/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.zh-CN.js}" src="../../static/3thExt/bootstrap-datetimepicker/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script th:src="@{/js/page-interaction.js}" src="../../static/js/page-interaction.js"></script>

</body>
</html>


	



